@charset "shift_jis";

/*認定医をさがす：一覧*/
#main h4.subspeciality{
	margin: 1em 1em 5px;
}
#main p.subspeciality{
	font-size: 0.9em;
	line-height: 1.2em;
}
/*table共通*/
#main table{
	width: calc(100% - 20px);
	margin: 2em 10px 5px;
}

/*検索：地図*/
#main img.mapimage{
	display: block;
	width: 544px;
	height: 472px;
	margin: 0px auto 1em;
}

/*検索：都道府県選択テーブル*/
#main table.maptable{
	width: calc(100% - 40px);
	margin: 0px 20px 1em;
	border-collapse: collapse;
	border: 1px solid #336699;
	font-size: 0.9em;
}
#main table.maptable th, #main table.maptable td{
	padding: 3px;
	border: 1px solid #3366ff;
	text-align: left;
}

/*検索：キーワード入力*/
#main table.keyword_search{
	width: calc(100% - 38px);
	margin: 0px 20px 1em 18px;
}
#main table.keyword_search td{
	padding: 2px 2px 2px 0;
}
#main table.keyword_search input[type="text"]{
	font-size:1em;
	height: calc(1em + 4px);
	padding: 2px;
}
#main input[type="submit"]{
	border-radius: 6px;
	border: 0px none;
	background-color: #5867c9;
	padding: 4px 8px 4px 12px;
	margin: 6px 0 ;
	color: #FFFFFF;
	font-size: 14px;
	letter-spacing: 4px;
	cursor: pointer;
}
#main input[type="submit"]:hover{
	color: #5867c9;
	background-color: #CFCFFF;
}

/*共通asp*/
/*エラーメッセージ*/
#main #main_contents p.errormsg{
	text-align:center;
	margin: 2em 1em 1em;
	padding: 2em;
}

/*検索結果に戻る*/
#main #main_contents p.return{
	text-align: center;
	margin: 2em 1em 1em;
}

/*専門医名簿asp*/
/*現在の人数*/
#main #main_contents p.getnumber{
	text-align: right;
	border-bottom: 1px solid #3366ff;
	color: #3366ff;
	font-size: 0.9em;
	margin: -5px 10px 1em;
	font-weight: bold;
	padding: 0px 5px 0px;
	height: 1.6em;
}
#main #main_contents p.getnumber + h4{
	margin-top: 5px;
}

#main #main_contents h4 strong,
#main #main_contents h5 strong{
	color: #3366ff;
	font-size: 1.1em;
	margin: 0px 2px;
}

/*認定医asp*/
/*検索結果*/
#main div#result{
	width: calc(100% - 20px);
	margin: 5px 10px 1em;
	text-align: center;
}

#main div#result h4{
	text-align: left;
}

#main #main_contents table#doctors_list a{
	text-decoration: none;
}

/*検索結果：検索キーワードと件数*/
#main div#result table.searchinfo{
	width: calc( 100% - 20px);
	margin: 30px 10px 5px;
	text-align: left;
	border-collapse: collapse;
	border: 0px none;
}
#main div#result table.searchinfo td.keyword{
	text-align: left;
}
#main div#result table.searchinfo td.keyword h5{
	margin: 0;
}
#main div#result table.searchinfo td.keyword strong{
	color: #3366ff;
	font-size: 1.1em;
}

#main div#result table.searchinfo td.count{
	text-align: right;
	vertical-align: bottom;
	padding-left: 2em;
	white-space: nowrap;
}

/*検索結果：専門医検索一覧*/
#main table#doctors_list{
	border-collapse: collapse;
	border: 1px solid #3366ff;
	font-size: 1em;
	text-align: left;
	margin: 0px 10px 2em;
}
#main table#doctors_list th,
#main table#doctors_list td{
/*	width: 89px;
	width: calc( 6.5em + 4px );*/
	width: 16%;
	border: 1px solid #3366ff;
	padding: 2px;
}

/*検索結果：認定医一覧*/
#main table.list{
	clear: both;
	border-collapse: collapse;
	border: 1px solid #3366ff;
	text-align: left;
}

#main table.list th,
#main table.list td{
	padding: 3px;
	border: 1px solid #3366ff;
	text-align: left;
}

#main table.list th{
	width: 8em;
	white-space: nowrap;
}

#main div#result table.list td.detail{
	width: 50px;
	text-align: center;
}

/*検索結果：前ページ＆次ページ*/
#main div#result table.prev_next{
/*	width: calc( 100% - 20px);*/
	margin: 2em 10px 1em;
}
#main div#result table.prev_next td.prev{
	width: 30%;
	text-align: left;
}
#main div#result table.prev_next td.next{
	width: 30%;
	text-align: right;
}
#main div#result table.prev_next td.return{
	width: 40%;
	text-align: center;
}

/*検索結果*/
#main div#detail{
	width: calc( 100% - 20px);
	margin: 1.5em 10px 2em;
	text-align: center;
}

/*共通*/
#main #main_contents div#detail h4{
	margin: 10px 0px 5px;
	text-align: left;
}

/*詳細画面：専門医・認定医詳細*/
#main div#detail table.list{ /*基本形は#detailがないほうに記述されている*/
}
#main div#detail h4 + table.list{
	margin-top: 1.5em;
}
#main div#detail table.list th,
#main div#detail table.list td{
	padding: 3px;
	border: 1px solid #3366ff;
	text-align: left;
	vertical-align: top;
}
#main div#detail table.list th{
	width: calc( 15em + 6px);
	font-weight: normal;
	background-color: #CCCCFF;
}
#main div#detail table.list th span{
	font-size: 0.8em;
}

/*エラーメッセージ*/
#main #main_contents p.error_message{
	margin: 2em auto;
	text-align: center;
	color: #FF0000;
}